<template>
	<div class="my-footer">

		<div class="my-note" @click="changeText">
			{{myText}}
		</div>
		<h3>&copy; Made With 💜 by XHL@201731062618</h3>
	</div>
</template>

<script>
export default {
	name: "MyFooter",
	data() {
		return {
			myText: '天上剑仙三百万，见我也须尽低眉'
		}
	},
	methods: {
		changeText: function () {
			let that = this
			this.$axios.get('https://v1.hitokoto.cn/?c=d&c=i&c=k&encode=text&max_length=20')
				.then(function (res) {
					that.myText = res.data
				})
		}
	}
}
</script>

<style scoped>
	.my-footer {
		height: 100px;
		margin-top: 15px;
		text-align: center;
	}

	.my-note {
		margin: 50px 0 10px;
	}

	h3 {
		margin-top: 0;
	}
</style>